<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>扫描支付</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="__PUBLIC__/js/rem.js"></script> 
    <script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/page.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/slick/slick.css"/>
	<script type="text/javascript">
		$(window).load(function(){
			$(".loading").addClass("loader-chanage")
			$(".loading").fadeOut(300)
		})
	</script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>

<style>
.new_way_wz{
	color:#F00;
	font-size:20px;
	font-weight:bold;
    margin: 5px 10px;
    line-height: 36px;
    height: 60px;	
}
.moshi{
    width: 20%;
    float: left;
    margin: 2%;
    display: block;
    background-color: #1273b7;
    color: #fff;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    text-align: center;
	padding: 4% 0;
	border: none;	
}
.moshier{
	color:#F00;
	font-weight:bold;
    margin: 5px 10px;
    line-height: 36px;
    height: 36px;
	font-size:16px;
	text-align:center;	
}
</style>
<!--loading页结束-->
	<body>
		<div class="headertwo clearfloat" id="header">
			<a href="javascript:history.go(-1)" class="fl box-s"><i class="iconfont icon-arrow-l fl"></i></a>
			<p class="fl">扫描支付</p>
		</div>
		
		<div class="profit clearfloat" id="main">
			
			<div class="bottom clearfloat">
				<div class="noticetwo">

					<div class="tab-bd clearfloat">
						<div class="tab-pal">
						<div class="new_way_wz" style="font-size:24px;text-align:center;">按住二维码识别二维码购买积分</div>
							<p>
								<a class="moshi" data="moshi1" >端口1</a>
								<a class="moshi" data="moshi2" >端口2</a>
								<a class="moshi" data="moshi3" >端口3</a>
								<a class="moshi" data="moshi4" >端口4</a>
								
							</p>
 							<div>
								<div id="moshi1" data="1" style="width:100%;float:left;">
								<div class="moshier">端口1二维码</div>
								<img src="__PUBLIC__/new_way/002.jpg" width="100%">
								</div>
								<div id="moshi2" style="width:100%;float:left;display:none;">
								<div class="moshier">端口2二维码</div>
								<img src="__PUBLIC__/new_way/002.jpg" width="100%">
								</div>
								<div id="moshi3" style="width:100%;float:left;display:none;">
								<div class="moshier">端口3二维码</div>
								<img src="__PUBLIC__/new_way/002.jpg" width="100%">
								</div>
								<div id="moshi4" style="width:100%;float:left;display:none;">
								<div class="moshier">端口4二维码</div>
								<img src="__PUBLIC__/new_way/002.jpg" width="100%">
								</div>								
							</div> 
						
						
						</div>
					</div>
				</div>
				
			</div>
		</div>
		
		<div class="new_way_wz" style="font-size:16px;text-align:center;">此二维码支持支付宝，微信，QQ钱包扫码支付</div>
		
		<a href="__URL__/buy" class="pay-btn clearfloat">完成</a>
	</body>
	<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/js/jquery.SuperSlide.2.1.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/js/hmt.js" ></script>
	<script type="text/javascript">
		jQuery(".noticetwo").slide({ titCell:".tab-hd li", mainCell:".tab-bd",trigger: "click",delayTime:0 });
	
$(function(){
	$(document).on('click','.moshi',function(){
		$(this).css({"background-color":"#FFF","color":"#1273b7","border":"1px solid #1273b7"});
		$(this).siblings().css({"background-color":"#1273b7","color":"#FFF","border":"none"});
	
		var mid = $(this).attr('data');
		$("#"+mid).css("display","block");
		$("#"+mid).siblings().css("display","none");
			
	})

})	
	
	</script>
	
	
</html>
